﻿@model JustinAngel.MetroBlog.Services.Data.Category
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>@Model.Name articles</title>
    @Html.Partial("SharedHead")
    <link href="@Url.Content("~/Content/Article/Article.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Category/Category.css")" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        head.js(
        "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js",
        "@Url.Content("~/Content/Sidebar/Sidebar.dynamic.js")",
        function () {
            $.sideBar();
        });
    </script>
</head>
<body style="background: url(@Url.Content("~/Content/Category/CategoryBackground.png")) no-repeat center center fixed; background-color: #55265F;">
    <article>
        <header>
            <h1 class="websiteTitle">@Model.Name articles</h1>
            <img class="headshot" src="@Url.Content("~/Content/headshot.png")" alt="Justin Angel picture" />
            <h2 class="nameTitle"><span id="firstName">Justin</span><br /><span id="surName">Angel</span></h2>
        </header>

        <section id="articleContent">
            <ul id="listOfItems">
                @foreach (var article in Model.PostCategories.OrderByDescending(a => a.BlogPost.DateCreated)) { 
                <li><a href="@ViewData["WebsiteRoot"]/@article.BlogPost.Permlink">@article.BlogPost.Title</a></li>
            }</ul>
        </section>
    </article>

    @Html.Partial("SharedSidebar", @ViewData["SidebarModel"])
</body>
</html>
